<template>
    <div id="privatekey">
        <div class="zf">
            <el-tabs v-model="activeName" >
                <el-tab-pane class="zhifu" label="支付设置" name="first">
                    <div class="reg">
                        <ul>
                            <li>partnerld&#160&#160&#160&#160&#160&#160&#160&#160<el-input v-model="inputl1"></el-input>
                            </li>
                            <li>clientld&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160&#160<el-input v-model="inputl2"></el-input>
                            </li>
                            <li>clientsecret&#160&#160&#160&#160<el-input v-model="inputl3"></el-input>
                            </li>
                        </ul>
                        <el-button class="btn_reg" type="primary">确认保存</el-button>
                    </div>

                </el-tab-pane>
                <el-tab-pane class="jiekou" label="接口设置" name="second">

                </el-tab-pane>
            </el-tabs>
        </div>
        
    </div>
</template>
<script>
    export default {
        data() {
            return {
                activeName: 'first',
                inputl1:"",
                  inputl2:"",
                    inputl3:""
            };
        },
        methods: {
           
           
           
        }
    };


</script>
<style scoped>
    .reg{
        background-color: #fff;
    }
    .btn_reg {
        width: 250px;
        position: absolute;
        bottom: 25px;
        right: 200px;
        background-color: #2A78FF;
    }

    .reg>ul>li {

        margin-top: 45px;

        margin-left: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        list-style-type: circle;


    }
    .el-menu-item is-active{
        background-color: red;
    }

    .el-input__inner {
        width: 400px;

    }

    #pane-first {
        height: 740px;
    }
    .privatekey {
        position: relative;
        height: 900px;
        /* top: 0; */
        /* bottom: 0; */
        /* display: inline-block; */
    }
    
    .zf {
        /* background-color: #fff; */
        margin-top: 30px;
        height: 740px;

    }

    .jiekou {
        margin-left: 50px;
    }

    .el-tabs__item {
        font-size: 16px;
        font-weight: 700;
    }

    .el-tabs__item {
        padding: 0 48px;
    }

    #tab-first {
        padding-left: 20px;
    }

    .reg {
        width: 600px;
        height: 350px;
        border: 1px solid #000;
        position: relative;
        top: 150px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        border: 1px solid #dcdfe6;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        border-radius: 5px;

    }
   .el-input /deep/ .el-input__inner  {
    width: 400px;
}
</style>